<template>
	<view class="list bgw p30">
		<view>
			<image src="../../static/image/labi.jpg" mode=""></image>
			<image class="removes" src="../../static/image/labi.jpg" mode=""></image>
		</view>
		<view>
			<image src="../../static/image/labi.jpg" mode=""></image>
			 <image class="removes" src="../../static/image/labi.jpg" mode=""></image>
		</view>
		<view>
			<video object-fit="contain" autoplay=true src="http://www.sunvary.com.cn/upload/2016/11/11/14788247444011yfs39.mp4" controls></video>
			 <image class="removes" src="../../static/image/labi.jpg" mode=""></image>
		</view>
		<view>
			<image src="../../static/image/labi.jpg" mode=""></image>
		</view>
		<view>
			<image src="../../static/image/labi.jpg" mode=""></image>
		</view>
		<!-- 添加图片 -->
		<view>
			<image src="../../static/image/addtu.png" mode=""></image>
		</view>
		<!-- 添加视频 -->
		<view>
			<image src="../../static/image/addvideo.png" mode=""></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less" scoped>
.list{
	height: 180rpx;
	width: 750rpx;
	 white-space: nowrap;
	overflow-y: auto;
	
	view{
		display: inline-block;
		width:160rpx;
		height:160rpx;
		border-radius:16rpx;
		overflow: hidden;
		margin-right: 16rpx;
		position: relative;
	}
	image{
		width: 100%;
		height: 100%;
	}
	video{
		width: 100%;
		height: 100%;
	}
	.removes{
		position: absolute;
		right: 30rpx;
		top: 30rpx;
		height: 40rpx;
		width: 40rpx;
	}
}
</style>
